<div style="width: 100%">
    <el-row style="margin: 10px;">
        <el-col :span="24">
            <el-card>
                <el-form :model="ruleForm" ref="ruleForm"  class="demo-ruleForm" method="post" action="/util/trans" enctype="multipart/form-data">
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="需要翻译的excel:">
                                <el-upload
                                        class="upload-demo"
                                        ref="uploadData"
                                        name="dataFile"
                                        action = ""
                                        :http-request="httpRequestData"
                                        :on-exceed="handleExceedData"
                                        :on-remove="handleRemoveData"
                                        drag
                                        :limit="1">
                                    <i class="el-icon-upload"></i>
                                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                                </el-upload>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="翻译excel数据(组织机构或人员):">
                                <el-upload
                                        class="upload-demo"
                                        ref="uploadTrans"
                                        name="transFile"
                                        action = ""
                                        :http-request="httpRequestTrans"
                                        :on-exceed="handleExceedTrans"
                                        :on-remove="handleRemoveTrans"
                                        drag
                                        :limit="1">
                                    <i class="el-icon-upload"></i>
                                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                                </el-upload>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="需要翻译的字段（支持翻译多个，用逗号隔开）">
                                <el-input v-model="ruleForm.dataField" name="dataField" clearable></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-row>
                                <el-form-item label="翻译命中字段">
                                    <el-input v-model="ruleForm.transField" name="transField" clearable></el-input>
                                </el-form-item>
                            </el-row>
                            <el-row>
                                <el-form-item label="翻译值">
                                    <el-input v-model="ruleForm.transValue" name="transValue" clearable></el-input>
                                </el-form-item>
                            </el-row>
                        </el-col>

                    </el-row>
                    <el-form-item>
                        <el-button type="primary" @click="submitImportForm">运行</el-button>
                        <el-button>重置</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </el-col>
    </el-row>
</div>